<template>
  <div>
    <div>
    <label>React</label>
    <!--radio结合 v-model实现数据的双向绑定-->
    <input type="radio" v-model="state.fe" value="React"/>
  </div>
  <div>
    <label>Vue</label>
    <!--radio结合 v-model实现数据的双向绑定-->
    <input type="radio" v-model="state.fe" value="Vue"/>
  </div>
  <div>
    <label>Angular</label>
    <!--radio结合 v-model实现数据的双向绑定-->
    <input type="radio" v-model="state.fe" value="Angular"/>
  </div>
  <p>选中：{{ state.fe }}</p>
  </div>
</template>
<script>
import {reactive} from 'vue'
export default{
  setup(){
    const state=reactive({
      fe: 'Vue'
    })
    return {state}
  }
}
</script>